<template>
	<div id="box">
		<header>
		<ul>
		    <a>
			  <li @click="fanhui"><img src="../assets/img/fanhui2.png"></li>
		    </a>
		    <a>
			   <li>会员充值</li>
			</a>
			<router-link to="shouye">
			  <li><img src="../assets/img/foot_2_1.png"></li>
		    </router-link>
		</ul>	
	</header>
	<section>
		<div class="xuanze">
			选择充值金额（元）
		</div>
		<div class="jine">
			<button>20</button>
			<button>50</button>
			<button>100</button>
			<button>200</button>
			<button>500</button>
			<button>其他金额</button>
		</div>
		<div class="fangshi">
			选择充值方式
		</div>
		<div class="zhifu">
			<ul>
				<li><input type="radio">支付宝（仅支持2元以上充值）</li>
				<li><input type="radio">QQ钱包</li>
				<li><input type="radio">银联支付</li>
				<li><input type="radio">京东支付</li>
			</ul>
		</div>
		<div class="anniu">
			<button>确认充值</button>
		</div>
	</section>
	</div>
</template>

<script>
 
export default {
  name: 'box',
 methods:{
 	fanhui(){
 		this.$router.go(-1)
 	}
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
 @import ".././assets/less/huiyuanchongzhi.less";
   @import ".././assets/css/reset.css";
</style>